<!doctype html lang="pt-br">
<html>

    <head>
        <meta charset="utf-8"/>
        <title>Moto Certo - A sua moto merece um lugar de destaque - O melhor lugar para comprar, vender ou anunciar a sua moto.</title>
        <meta name="title" content="Moto Certo - A sua moto merece um lugar de destaque - O melhor lugar para comprar, vender ou anunciar a sua moto." >
        <meta name="description" content="O Moto Certo é um site especializado na compra, venda e anúncios de motos de todas as marcas, anos de todo o Brasil. Aqui você pode encontrar motos Honda, Yamaha, Suzuki, Dafra, Kasinski, BMW, Agrale e Ducati" >
        <meta name="keywords" content="Moto, motocicleta, cilindradas, comprar, vender, anunciar, concessionária, usada, nova, Honda, Yamaha, Suzuki, Dafra, Kasinski, BMW, Agrale, Ducati, cg, titan, bros, biz, lead, factor, hornet, strada, tornado, CB 300r, XRE 300, 600cc, 1000cc, 125cc, 300cc, 250cc, 1200cc, flex, injeção eletrônica, São Paulo, Rio de Janeiro, Belo Horizonte, Curitiba, porto Alegre, salvador, recife, ribeirão Preto, Campinas.">
        <base href="{base_url}{base_template_site}">
        <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link rel="stylesheet" media="all" href="css/resset.css"/>
        <link rel="stylesheet" media="all" href="css/geral.css"/>
        <link rel="stylesheet" media="all" href="css/home.css"/>
        <link rel="stylesheet" media="all" href="css/classificados-lista.css"/>
        <link rel="stylesheet" href="css/colorbox.css" />
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <!-- Mobile Safari maximum-scale=1 to fixe the bug auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
        <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
        <script src="js/jquery.maskedinput-1.3.js" type="text/javascript"></script>
        <script type="text/javascript">
            var base_url = "{base_url}";    
            //var base_cms = "{base_cms}";    
            //var url_upload = '{base_cms}{imagens_imagem_gravar}';
        </script>
        <script src="js/menu.js"></script>
        <script src="js/pesquisa_veiculos.js" type="text/javascript"></script>
        <script src="js/jquery.colorbox-min.js"></script>
        <script>
            $(document).ready(function(){
                //Examples of how to assign the ColorBox event to elements
                $(".galeriaAnuncio").colorbox({rel:'anuncio'});
            });
        </script>
    </head>

    <body>
        {include_header}
        <div class="wrapper">
            <header class="nav-option">
                <script>
                    $(document).ready(function(){
                        $("#btMais").toggle(function(){
                            $('.nav-option').animate({height:180},200,'swing');
                            $('#searchOptions').delay(200).fadeIn(150);
                            $('input#apertou').attr("value",'1');
                        },function(){
                            $('#searchOptions').fadeOut(100);
                            $('.nav-option').animate({height:57},200,'linear');
                            $('input#apertou').attr("value",'0');
                        });
                    });
                </script>

                <form method="POST" action="{base_url}" style="padding: 15px;font-size: 13px;color:white;float:left;">
                    Buscar por: <input type="text" id="busca" name="busca" class="input_busca"/> 
                    <input type="submit" id="btBuscar" name="btBuscar" value="Buscar"  />
                    <input type="button" id="btMais" name="btMais" value="Mais Opções"  />
                    <br> <br>
                    <div id='searchOptions' style="display:none;color:#fff;font-size: 12px;">
                        <input type="hidden" id="apertou" name="apertou" value="0"  />
                        <label for="uf">Estado: </label>
                        {estados}
                        <!--select id="uf" class="input_busca_avancada">
                            <option>Em todos os estados</option>
                            <option>SP</option>
                            <option>SP</option>
                        </select-->
                        <label for="cidade">Cidade</label>
                        {cidades}
                        <!--select id="cidade" class="input_busca_avancada">
                            <option>Em todas as Cidades</option>
                            <option>Ribeirão</option>
                            <option>Batatais</option>
                        </select--> <label><input type="checkbox" id="regiao" name="regiao"> Buscar na Região da Cidade</label><br>
                        <label>Cilindrada: <input type="number" id="cc" name="cc" class="input_busca_avancada"></label>
                        <label>Km Máxima: <input type="number" id="km" name="km" class="input_busca_avancada"></label><br>
                        <label>Ano Modelo:<input type="number" id="anoModelo" name="anoModelo" class="input_busca_avancada"></label>
                        <label for="cor">Cor Predominante:</label>
                        {cores}
                        <!--select id="cor" class="input_busca_avancada">
                            <option>Sem preferência de Cor</option>
                            <option>Amarelo/Rosa</option>
                            <option>Preto/Branco</option>
                        </select-->
                        <label for="partida" >Tipo de Partida:</label>
                        {partidas}
                        <!--select id="partida" class="input_busca_avancada">
                            <option>Todos os tipos</option>
                            <option>Eletrica</option>
                            <option>Manual</option>
                        </select-->
                    </div>
                </form>
                <br> <br>
                {include_menu_acesso}
            </header>
            <div class="content">
                <div class="banner-full">
                    <figures>
                        <script type="text/javascript" src="http://motocerto.com.br/banner/clicktag/index/1"> </script> 
                        <script type="text/javascript" src="http://motocerto.com.br/banner/clicktag/index/2"> </script>
                        <!--img src="images/banner-imagem-728-90.jpg" width="728" height="90">
                        <img src="images/banner-imagem3-160-90.jpg" height="90" width="160" -->
                        <!-- OU UM BANNER DE FORA A FORA-->
                    </figures>
                </div>
                <article class="classificados-lista">
                    {anuncios}
                    <section class="product-details-hot">
                        <div class="content-adds" style="float:right">
                            <h1>
                                <a href="{base_url}favoritos/favoritar/{id}/index">
                                    <img src="images/{imagem}.png" height="14" width="14" alt="{favorito}" title="{favorito}">
                                </a>
                                <a href="{base_url}anuncio/info/{id}">{modelo}</a>
                            </h1>
                            <h3 class="price">R$ {preco}</h3>
                            <p class="pinfos"><a href="{base_url}anuncio/info/{id}">Ver Informações</a> | {data}</p>
                            <ul class="product-detail-info">
                                <li><address>Em {cidade} - {uf}</address></li>
                                <li>&nbsp;</li>
                                <li>&nbsp;</li>
                                <li>Ano: {ano_fab}/{ano_mod}</li>
                                <li>Km: {km} Km</li>
                                <!--li><a href="#"> <img src="images/ico-fone.png" height="16" width="10" alt="Número do Telefone {telefone}" title="Número do Telefone {telefone}"></a> <span{telefone}</span></li-->
                                <li>Cor: {cor_p}-{cor_s}</li>
                                <li>Cc: {cilindrada} cc</li>
                                <li><img src="images/ico-email.png" height="12" width="17" alt="Enviar Email" title="Enviar Email"> Enviar Email </li>
                            </ul>
                        </div>
                        <figure class="fotoDestaque" title="{modelo}">
                            <!--img src="{src1}" height="{h1}" width="{w1}"-->
                            <img src="{src1}" height="{h1}">
                        </figure>
                    </section>
                    {/anuncios}
                </article>
                {include_search_options}

                <div style="clear:both"></div>

            </div>
        </div>
        {include_footer}
    </body>

</html>